<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:form id="frmDetailsEmployee">
        <f:view>


            <p:dialog id="dlgDetailsEmployee"
                      widgetVar="wgDetailsEmployee"
                      header="Profile"
                      draggable="true"
                      showEffect="clip"
                      hideEffect="clip">

                <h:panelGrid columns="2">

                    <h:outputText value="TitleOfCourtesy:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.titleOfCourtesy}" title="TitleOfCourtesy"/>
                    <h:outputText value="FristName:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.fristName}" title="FristName"/>

                    <h:outputText value="LastName:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.lastName}" title="LastName"/>

                    <h:outputText value="UserName:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.userName}" title="UserName"/>
                    <h:outputText value="Password:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.password}" title="Password"/>

                    <h:outputText value="Address:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.address}" title="Address"/>
                    <h:outputText value="City:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.city}" title="City"/>
                    <h:outputText value="Region:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.region}" title="Region"/>
                    <h:outputText value="PostalCode:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.postalCode}" title="PostalCode"/>
                    <h:outputText value="MobilePhone:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.mobilePhone}" title="MobilePhone"/>
                    <h:outputText value="AvatarPath:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.avatarPath}" title="AvatarPath"/>
                    <h:outputText value="Email:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.email}" title="Email"/>
                    <h:outputText value="CodeRegister:"/>
                    <h:outputText value="#{employeeManagement.selectUsers.codeRegister}" title="CodeRegister"/>
                    <p:outputLabel value="IsLock:" for="stLock"  />
                    <h:selectOneMenu  id="stLock" value="#{employeeManagement.selectUsers.isLock}" title="IsLock" required="true"  >
                        <f:selectItem itemLabel="False" itemValue="False"  />
                        <f:selectItem  itemLabel="True" itemValue="True" />
                    </h:selectOneMenu>

                    <h:outputLabel value="Job:" for="job" rendered="#{system.manager}" />
                    <h:selectOneMenu id="job" value="#{employeeManagement.job.jobId}" title="Job"  rendered="#{system.manager}" >
                        <!-- TODO: update below reference to list of available items-->                       
                        <f:selectItems value="#{jobManagement.list}" var="item" itemLabel="#{item.jobTitle}" itemValue="#{item.jobId}"/>
                    </h:selectOneMenu>
                </h:panelGrid>
                <f:facet name="footer">
                    <p:commandButton  id="btnDetailsEmployee"
                                      value="Save"
                                      icon="ui-icon-check"
                                      style="margin:0"
                                      actionListener="#{employeeManagement.edit}"
                                      update=":frmViewEmployee:dtViewEmployee,
                                      :growl"
                                      oncomplete="EmployeeManagementRequest(xhr, status, args)"
                                      />
                    <p:commandButton id="btnCancelDetailsEmployee"
                                     value="Cancel"
                                     icon="ui-icon-check"
                                     style="margin:0"
                                     onclick="wgDetailsEmployee.hide();"
                                     />
                </f:facet>

            </p:dialog>
        </f:view>
    </h:form>
</html>
